<!-- 表格页 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <title>浙江省环保院</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../assets/css/matrix-style.css">
    <link rel="stylesheet" type="text/css" href="../assets/css/matrix-media.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_nmgh27o42027qfr.css">
    <link rel="stylesheet" type="text/css" href="../assets/css/undertake.css">
    <link rel="stylesheet" type="text/css" href="../assets/css/foundation-datepicker.min.css">
</head>

<body>
    <!--Header-part-->
    <div id="header">
        <p class="header-text">浙江省环保院</p>
        <h1><a href="index.html">浙江省环保院</a></h1>
    </div>
    <!--close-Header-part-->
    <!--top-Header-menu-->
    <div id="user-nav" class="navbar navbar-inverse head-nav">
        <ul class="nav">
            <li class="dropdown" id="profile-messages">
                <a title="" href="#" data-toggle="dropdown" data-target="#profile-messages" class="dropdown-toggle">
                    <i class="iconfont icon-user"></i>
                    <span class="text">管理员</span><b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#"><i class="icon-user"></i>个人设置</a></li>
                    <li class="divider"></li>
                    <li><a href="#"><i class="icon-user"></i>修改密码</a></li>
                    <li class="divider"></li>
                    <li><a href="#"><i class="icon-check"></i>切换账号</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <!--close-top-Header-menu-->
    <!--sidebar-menu-->
    <div id="sidebar">
        <ul>
            <li>
                <a href="#">
                    <i class="icon icon-home"></i>
                    <span>招投标管理</span>
                </a>
            </li>
            <li class="active">
                <a href="#">
                    <i class="icon icon-signal"></i>
                    <span>项目承接</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon icon-inbox"></i>
                    <span>项目编制</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon icon-th"></i>
                    <span>项目审定</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon icon-fullscreen"></i>
                    <span>项目盖章</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon icon-th-list"></i>
                    <span>项目归档</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="icon icon-tint"></i>
                    <span>财务管理</span>
                </a>
            </li>
        </ul>
    </div>
    <!--sidebar-menu-->
    <!--main-container-part-->
    <div id="content">
        <!-- btn-group -->
        <div class="btn-group-head">
            <button class="btn btn-add">承接项目</button>
            <button class="btn btn-export-list">导出清单</button>
            <button class="btn btn-export-account">导出结算</button>
            <button class="btn btn-export-all">导出汇总</button>
        </div>
        <!-- end-btn-group -->
        <!--drop-down-group  -->
        <div class="drop-down-group clearfix">
            <div class="drop-down">
                <span>承接部门</span>
                <input type="text" name="" readonly value="总师办" class="drop-input">
                <span class="caret"></span>
            </div>
            <div class="drop-down">
                <span>承接人员</span>
                <input type="text" name="" readonly value="吕敏" class="drop-input">
                <span class="caret"></span>
            </div>
            <div class="drop-down">
                <span>年份</span>
                <input type="text" name="" readonly value="2016" class="drop-input">
                <span class="caret"></span>
            </div>
            <button class="btn btn-adv-query">高级查询</button>
        </div>
        <!-- end-drop-down-group -->
        <!-- table -->
        <div class="table-div-relative this-table">
            <div class="table-div">
                <table class="table">
                    <thead class="v-thead">
                        <tr>
                            <th>项目登记日期</th>
                            <th>任务单编号</th>
                            <th>项目名称</th>
                            <th>项目类别</th>
                            <th>完成部门</th>
                            <th>项目编制人员</th>
                            <th>合同有无</th>
                            <th>合同归属</th>
                            <th>合同日期</th>
                            <th>项目经费</th>
                            <th>收款合计</th>
                            <th>发票合计</th>
                            <th>奖金合计</th>
                            <th>业务开支</th>
                            <th>外协费</th>
                            <th>盖章日期</th>
                            <th>归档状态</th>
                            <th>所属地区</th>
                            <th>建设单位</th>
                            <th class="operate">操作</th>
                        </tr>
                    </thead>
                    <tbody class="v-body">
                        <tr>
                            <td>王某某</td>
                            <td>203459</td>
                            <td>高级工程师</td>
                            <td>工程师</td>
                            <td>王某某</td>
                            <td>203459</td>
                            <td>高级工程师</td>
                            <td>工程师</td>
                            <td>王某某</td>
                            <td>203459</td>
                            <td>高级工程师</td>
                            <td>工程师</td>
                            <td>203459</td>
                            <td>高级工程师</td>
                            <td>工程师</td>
                            <td>王某某</td>
                            <td>203459</td>
                            <td>高级工程师</td>
                            <td>工程师</td>
                            <th class="operate">
                                <button class="drop-left">操作>></button>
                                <div class="drop-left-menu">
                                    <li class="view-info">查看详情</li>
                                    <li class="edit-info">修改承接信息</li>
                                    <li class="trash-pro">废弃项目</li>
                                </div>
                            </th>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="paging">
                <button>上一页</button>
                <button>下一页</button>
            </div>
        </div>
        <!-- end-table -->
    </div>
    <!-- modal -->

    <!-- confirm-modal -->
    <div class="confirm-modal span5">
        <p class="confirm-text">是否确认删除?</p>
        <div class="clearfix">
            <input type="button" name="" value="确定" class="confirm-btn">
            <input type="button" name="" value="取消" class="confirm-cancel">
        </div>
    </div>
    <!-- End-confirm-modal -->

    <!-- info-modal -->
    <div class="info-modal widget-box span14">
        <div class="widget-title">
            <span class="icon iconfont icon-remove"></span>
            <h5>项目详情</h5>
        </div>
        <div class="widget-content clearfix">
            <div class="widget-content clearfix">
                <span class="a-modal-title active tab-info-btn">项目基本信息</span>
                <span class="a-modal-title tab-info-btn">编制信息</span>
                <span class="a-modal-title tab-info-btn">财务信息</span>
                <span class="a-modal-title tab-info-btn">项目进展</span>
                <hr class="a-hr">
                <!-- 基本信息 -->
                <div class="basic-info tab-info">
                    <div class="form-control">
                        <span class="input-title">项目名称</span>
                        <input type="text" value="" class="b-name input-text" disabled>
                        <span class="input-title">承接部门:</span>
                        <div class="a-drop-list-div">
                            <input type="text" value="" class="b-undertake-dep input-text" readonly disabled>
                        </div>
                        <span class="input-title">完成部门:</span>
                        <div class="a-drop-list-div">
                            <input type="text" value="" class="b-com-dep input-text " readonly disabled>
                        </div>
                    </div>
                    <div class="form-control">
                        <span class="input-title">所属地区:</span>
                        <input type="text" value="浙江省杭州市江干区" class="b-area input-text" disabled>
                        <span class="input-title">行业类别:</span>
                        <input type="text" value="" class="b-industry-type input-text" disabled>
                        <span class="input-title">项目类别：</span>
                        <input type="text" value="" class="b-project-type input-text" disabled>
                    </div>
                    <div class="form-control">
                        <span class="input-title">合同归属：</span>
                        <input type="text" value="" class="b-contract-belong input-text" disabled>
                        <span class="input-title">合同日期：</span>
                        <input type="text" value="" class="b-contract-date input-text" disabled>
                        <span class="input-title">建设单位：</span>
                        <input type="text" value="" class="b-unit input-text" disabled>
                    </div>
                    <div class="form-control">
                        <span class="input-title">任务下达日期：</span>
                        <input type="text" value="" class="b-start-date input-text" disabled>
                        <span class="input-title">要求完成天数：</span>
                        <input type="text" value="" class="b-finish-time input-text" disabled>
                        <span class="input-title">联系人：</span>
                        <input type="text" value="" class="b-connect-person input-text" disabled>
                    </div>
                    <div class="form-control">
                        <span class="input-title">联系方式：</span>
                        <input type="text" value="" class="b-phone input-text" disabled>
                        <span class="input-title">税号：</span>
                        <input type="text" value="" class="b-tax input-text" disabled>
                        <span class="input-title">开户银行：</span>
                        <input type="text" value="" class="b-bank input-text" disabled>
                    </div>
                    <div class="form-control">
                        <span class="input-title">银行账号：</span>
                        <input type="text" value="" class="b-acount input-text" disabled>
                        <span class="input-title">项目经费：</span>
                        <input type="text" value="" class="b-money input-text" disabled>
                    </div>
                    <div class="form-control">
                        <span class="input-title">是否招投标：</span>
                        <div class="checked flag-check">
                            <input type="checkbox" class="check-input">
                        </div>
                    </div>
                    <div class="form-control">
                        <span class="input-title">备注：</span>
                        <textarea value="" class="b-u-note input-textarea" disabled></textarea>
                    </div>
                </div>
                <!-- 编制信息 -->
                <div class="formation-info tab-info">
                    <div class="form-control">
                        <span class="input-title">项目名称</span>
                        <input type="text" value="" class="b-name input-text" disabled>
                        <span class="input-title">任务单编号:</span>
                        <input type="text" value="" class="d-number input-text" readonly disabled>
                        <span class="input-title">项目类别:</span>
                        <input type="text" value="" class="b-project-type input-text " readonly disabled>
                    </div>
                    <div class="form-control">
                        <span class="input-title">建设单位:</span>
                        <input type="text" value="" class="d-unit input-text" disabled>
                        <span class="input-title">联系人:</span>
                        <input type="text" value="" class="d-linkman input-text" disabled>
                        <span class="input-title">联系方式：</span>
                        <input type="text" value="" class="d-phone input-text" disabled>
                    </div>
                    <div class="form-control">
                        <span class="input-title">项目编制人员：</span>
                        <input type="text" value="" class="d-work-person input-text" disabled>
                        <span class="input-title">项目负责人：</span>
                        <input type="text" value="" class="d-leader input-text" disabled>
                        <span class="input-title">审核人员：</span>
                        <input type="text" value="" class="d- input-text" disabled>
                    </div>
                    <div class="form-control">
                        <span class="input-title">审批部门：</span>
                        <input type="text" value="" class="d-exm-dep input-text" disabled>
                        <span class="input-title">审批文号：</span>
                        <input type="text" value="" class="d-exm-num input-text" disabled>
                        <span class="input-title">审批时间：</span>
                        <input type="text" value="" class="d-exm-time input-text" disabled>
                    </div>
                    <div class="form-control">
                        <span class="input-title">责任表审核人：</span>
                        <input type="text" value="" class="d-table-person input-text" disabled>
                        <span class="input-title">工程等级：</span>
                        <input type="text" value="" class="d-lever input-text" disabled>
                        <span class="input-title">行业类别：</span>
                        <input type="text" value="" class="b-industry-type input-text" disabled>
                    </div>
                    <div class="form-control">
                        <span class="input-title">所属地区：</span>
                        <input type="text" value="" class="b-area input-text" disabled>
                        <span class="input-title">生产规模：</span>
                        <input type="text" value="" class="d-size input-text" disabled>
                        <span class="input-title">实际完成工作日：</span>
                        <input type="text" value="" class="d-consume input-text" disabled>
                    </div>
                    <div class="form-control">
                        <span class="input-title">环保投资：</span>
                        <input type="text" value="" class="d-ep-money input-text" disabled>
                        <span class="input-title">总投资：</span>
                        <input type="text" value="" class="d-total-money input-text" disabled>
                    </div>
                    <div class="form-control">
                        <span class="input-title">备注：</span>
                        <textarea value="" class="d-u-note input-textarea" disabled></textarea>
                    </div>
                </div>
                <!-- 财务信息 -->
                <div class="money-info tab-info">
                    <div class="form-control">
                        <span class="input-title">外协费：</span>
                        <input type="text" value="" class="a-m-coo input-text" disabled>
                        <span class="money-unit">万元</span>
                        <span class="">毛产值:</span>
                        <input type="text" value="" class="a-m-gross input-text" disabled>
                        <span class="money-unit">万元</span>
                        <span class="input-title">业务开支有无：</span>
                        <div class="checked flag-check">
                            <input type="checkbox" class="check-input">
                        </div>
                    </div>
                    <div class="form-control">
                        <span class="input-title">检测费:</span>
                        <input type="text" value="" class="a-m-check input-text" disabled>
                        <span class="money-unit">万元</span>
                        <span class="">专家费:</span>
                        <input type="text" value="" class="a-m-expert input-text" disabled>
                        <span class="money-unit">万元</span>
                        <span class="">会务费:</span>
                        <input type="text" value="" class="a-m-meet input-text" disabled>
                        <span class="money-unit">万元</span>
                    </div>
                    <div class="form-control">
                        <span class="input-title">招待费：</span>
                        <input type="text" value="" class="a-m-entertain input-text" disabled>
                        <span class="money-unit">万元</span>
                        <span class="">其它：</span>
                        <input type="text" value="" class="a-m-other input-text" disabled>
                        <span class="money-unit">万元</span>
                    </div>
                    <hr class="dash-hr">
                    <div class="a-collection">
                        <div class="form-control">
                            <span class="input-title">第1笔收款日期：</span>
                            <input type="text" value="" class="a-collection-date input-text-short" disabled>
                            <span class="">金额：</span>
                            <input type="text" value="" class="a-collection-money input-text-short" disabled>
                            <span class="input-title">第1笔发票日期：</span>
                            <input type="text" value="" class="a- invoices－date input-text-short" disabled>
                            <span class="">金额：</span>
                            <input type="text" value="" class="a-invoices-money input-text-short" disabled>
                            <span class="money-unit">万元</span>
                        </div>
                    </div>
                    <div class="form-control">
                        <span class="input-title">收款总金额：</span>
                        <input type="text" value="" class="a-collection-total input-text" disabled>
                        <span class="money-unit">万元</span>
                        <span class="">发票总金额：</span>
                        <input type="text" value="" class="a-invoices-total input-text" disabled>
                        <span class="money-unit">万元</span>
                    </div>
                    <hr class="dash-hr">
                    <div class="a-prize">
                        <div class="form-control">
                            <span class="input-title">第1笔奖金日期：</span>
                            <input type="text" value="" class="a-prize-date input-text-short" disabled>
                            <span class="">金额：</span>
                            <input type="text" value="" class="dep-phone input-text-short" disabled>
                            <span class="">毛产值奖金金额：</span>
                            <input type="text" value="" class="dep-phone input-text-short" disabled>
                            <span class="money-unit">万元</span>
                        </div>
                    </div>
                    <div class="form-control">
                        <span class="input-title">收款总金额：</span>
                        <input type="text" value="68123454" class="dep-fax input-text" disabled>
                        <span class="money-unit">万元</span>
                        <span class="">发票总金额：</span>
                        <input type="text" value="68123454" class="dep-phone input-text" disabled>
                        <span class="money-unit">万元</span>
                    </div>
                    <hr class="dash-hr">
                    <div class="form-control">
                        <span class="input-title">备注：</span>
                        <textarea value="浙江省杭州市江干区" class="area-site input-textarea" disabled></textarea>
                    </div>
                </div>
                <!-- 项目进展 -->
                <div class="progress-info tab-info">
                    <div class="pro-state clearfix">
                        <div class="circle-state-div">
                            <div class="circle-state">1</div>
                            <div class="long-link"></div>
                            <p class="state-text">项目承接</p>
                            <p class="state-date">日期：2016-07-09</p>
                            <p class="state-fun-person">承接人：吕敏</p>
                        </div>
                        <div class="circle-state-div">
                            <div class="circle-state">2</div>
                            <div class="long-link"></div>
                            <p class="state-text">项目编制</p>
                            <p class="state-date">日期：2016-07-09</p>
                            <p class="state-fun-person">编制人：吕敏</p>
                        </div>
                        <div class="circle-state-div">
                            <div class="circle-state">3</div>
                            <div class="long-link"></div>
                            <p class="state-text">项目审定</p>
                            <p class="state-date">日期：2016-07-09</p>
                            <p class="state-fun-person">审定人：吕敏</p>
                        </div>
                        <div class="circle-state-div">
                            <div class="circle-state">6</div>
                            <div class="long-link"></div>
                            <p class="state-text">项目盖章</p>
                            <p class="state-date">日期：2016-07-09</p>
                            <p class="state-fun-person">盖章人：吕敏</p>
                        </div>
                        <div class="circle-state-div">
                            <div class="circle-state">5</div>
                            <p class="state-text">项目归档</p>
                            <p class="state-date">日期：2016-07-09</p>
                            <p class="state-fun-person">归档人：吕敏</p>
                        </div>
                    </div>
                    <hr>
                    <h5 class="p-note-title">备注</h5>
                    <p class="p-note" style="display: block">项目承接备注</p>
                    <p class="p-note">项目编制备注</p>
                    <p class="p-note">项目审定备注</p>
                    <p class="p-note">项目盖章备注</p>
                    <p class="p-note">项目归档备注</p>
                </div>
                <div class="btn-groups">
                    <input type="button" name="" value="确定" class="btn i-btn">
                </div>
            </div>
        </div>
    </div>
    <!-- End-info-modal -->

    <!-- add-modal -->
    <div class="add-modal widget-box span13">
        <div class="widget-title">
            <span class="icon iconfont icon-remove">
        </span>
            <h5 class="a-head">承接项目</h5>
        </div>
        <div class="widget-content clearfix">
            <span class="a-modal-title active">项目基本信息</span>
            <hr class="a-hr">
            <form>
                <div class="form-control">
                    <span class="input-title">项目名称</span>
                    <input type="text" value="" class="a-name input-text">
                    <span class="input-title">承接部门:</span>
                    <div class="a-drop-list-div">
                        <input type="text" value="" class="a-undertake-dep input-text a-drop-input" readonly>
                        <div class="a-drop-list">
                            <li>111</li>
                            <li>222</li>
                            <li>333</li>
                        </div>
                    </div>
                    <span class="input-title">完成部门:</span>
                    <div class="a-drop-list-div">
                        <input type="text" value="" class="a-com-dep input-text a-drop-input" readonly>
                        <div class="a-drop-list">
                            <li>111</li>
                            <li>222</li>
                            <li>333</li>
                        </div>
                    </div>
                </div>
                <div class="form-control">
                    <span class="input-title">所属地区:</span>
                    <div id="sjld">
                        <div class="m_zlxg" id="shenfen">
                            <p title="">选择省份</p>
                            <div class="m_zlxg2">
                                <ul></ul>
                            </div>
                        </div>
                        <div class="m_zlxg" id="chengshi">
                            <p title="">选择城市</p>
                            <div class="m_zlxg2">
                                <ul></ul>
                            </div>
                        </div>
                        <div class="m_zlxg" id="quyu">
                            <p title="">选择区域</p>
                            <div class="m_zlxg2">
                                <ul></ul>
                            </div>
                        </div>
                        <input id="sfdq_num" type="hidden" value="" />
                        <input id="csdq_num" type="hidden" value="" />
                        <input id="sfdq_tj" type="hidden" value="" />
                        <input id="csdq_tj" type="hidden" value="" />
                        <input id="qydq_tj" type="hidden" value="" />
                    </div>
                    <span class="input-title">行业类别:</span>
                    <input type="text" value="" class="a-industry-type input-text">
                    <span class="input-title">项目类别：</span>
                    <input type="text" value="" class="a-project-type input-text">
                </div>
                <div class="form-control">
                    <span class="input-title">合同归属：</span>
                    <input type="text" value="" class="a-contract-belong input-text">
                    <span class="input-title">合同日期：</span>
                    <input type="text" value="" class="a-contract-date input-text">
                    <span class="input-title">建设单位：</span>
                    <input type="text" value="" class="a-unit input-text">
                </div>
                <div class="form-control">
                    <span class="input-title">任务下达日期：</span>
                    <input type="text" value="" class="a-start-date input-text">
                    <span class="input-title">要求完成天数：</span>
                    <input type="text" value="" class="a-finish-time input-text">
                    <span class="input-title">联系人：</span>
                    <input type="text" value="" class="a-connect-person input-text">
                </div>
                <div class="form-control">
                    <span class="input-title">联系方式：</span>
                    <input type="text" value="" class="a-phone input-text">
                    <span class="input-title">税号：</span>
                    <input type="text" value="" class="a-tax input-text">
                    <span class="input-title">开户银行：</span>
                    <input type="text" value="" class="a-bank input-text">
                </div>
                <div class="form-control">
                    <span class="input-title">银行账号：</span>
                    <input type="text" value="" class="a-acount input-text">
                    <span class="input-title">项目经费：</span>
                    <input type="text" value="" class="a-money input-text">
                </div>
                <div class="form-control">
                    <span class="input-title">是否招投标：</span>
                    <div class="checked flag-check">
                        <input type="checkbox" class="check-input">
                    </div>
                </div>
                <div class="form-control">
                    <span class="input-title">备注：</span>
                    <textarea value="" class="a-u-note input-textarea"></textarea>
                </div>
            </form>
            <div class="btn-groups">
                <input type="button" name="" value="确定" class="update-btn add-btn btn">
                <input type="button" name="" value="取消" class="btn cancel-btn">
            </div>
        </div>
    </div>
    <!-- End-add-modal -->

    <div class="alert-modal"></div>
    <div class="mask"></div>

    <!-- End-modal -->
    <!--Footer-part-->
    <div class="row-fluid">
        <div id="footer" class="span12"> 2016 &copy; 浙江省环保院 By <a href="http://themedesigner.in/">浙江工商大学</a> </div>
    </div>
    <!--end-Footer-part-->
    <script type="text/javascript">
    function goPage(newURL) {
        if (newURL != "") {
            if (newURL == "-") {
                resetMenu();
            } else {
                document.location.href = newURL;
            }
        }
    }

    function resetMenu() {
        document.gomenu.selector.selectedIndex = 2;
    }
    </script>
</body>
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="../assets/js/handlebars.min.js"></script>
<script type="text/javascript" src="../assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../assets/js/foundation-datepicker.min.js"></script>
<script type="text/javascript" src="../assets/js/foundation-datepicker.zh-CN.js"></script>
<script type="text/javascript" src="../assets/js/matrix.js"></script>
<script type="text/javascript" src="../assets/js/address.js"></script>
<script type="text/javascript" src="../assets/js/undertake.js"></script>


<script id="th-template" type="text/x-handlebars-template">
    <tr>
        {{#each this}} {{#with view}} {{#if checked}}
        <th>{{fieldname}}</th>
        {{/if}} {{/with}} {{/each}}
        <th class="operate">操作</th>
    </tr>
</script>
<script id="table-template" type="text/x-handlebars-template">
    <tr>
        {{#each this}} {{#with view}} {{#if checked}}
        <th>{{fieldname}}</th>
        {{/if}} {{/with}} {{/each}}
        <th class="operate">操作</th>
    </tr>
</script>

</html>
